{% extends "base.html" %}

{% block title %}Гараж - AutoCartel{% endblock %}

{% block body %}
<div class="tabbable tabs-left">
            <ul class="nav nav-tabs">
             <li><a href="/profile/settings"><img onmouseover="this.src='/static/client/img/groups/prof.jpg';" onmouseout="this.src='/static/client/img/groups/prof2.jpg';" border="0" alt="" src="/static/client/img/groups/prof2.jpg" width="80" height="80" title="Профиль"></a></li>
             <li><a href="/profile/orders"><img onmouseover="this.src='/static/client/img/groups/zakaz.jpg';" onmouseout="this.src='/static/client/img/groups/zakaz2.jpg';" border="0" alt="" src="/static/client/img/groups/zakaz2.jpg" width="80" height="80" title="Заказы"></a></li>
             <li>
                    <a href="/profile/finance"><img onmouseover="this.src='/static/client/img/groups/money.jpg';" onmouseout="this.src='/static/client//img/groups/money2.jpg';" border="0" alt="" src="/static/client//img/groups/money2.jpg" width="80" height="80" title="Баланс"></a>
        </li>
        <li    class="active">
                    <a href="/profile/garage"><img onmouseover="this.src='/static/client/img/groups/mycars.jpg';" onmouseout="this.src='/static/client/img/groups/mycars.jpg';" border="0" alt="" src="/static/client/img/groups/mycars.jpg" width="80" height="80" title="Мои автомобили"></a>
        </li>
        <li>
                    <a href="/profile/loyalty_program"><img onmouseover="this.src='/static/client/img/groups/bonus.jpg';" onmouseout="this.src='/static/client/img/groups/bonus2.jpg';" border="0" alt="" src="/static/client/img/groups/bonus2.jpg" width="80" height="80" title="Бонусная программа"></a>
        </li>
            </ul>
    <div class="tab-content">
			<table  class="table table-hover">
				<tr>
					<td>
						 <img class="img-font"  alt="" src="/static/client/img/brands/mitsubishi.jpg" data-id="8022" width="60" height="60"></img>
					</td>
					<td>
						<b>Mitsubishi</b></br>Lancer
					</td>
					<td>
						2004</br><b>1.6L</b>
					</td>
					<td>
						<b>JMBCX67TY70093823</b>
					</td>
					<td>
						Покупок:<b>41</b>
					</br>
						Сумма: <b>7265.25</b>
					</td>
					<td>
						<button title="Редактировать данные" class="btn btn-small" type="button"><i class="icon-pencil"></i></button>
						<button title="Запросить подбор запчастей" class="btn btn-small" type="button"><i class="icon-list-alt"></i></button>
						<button title="Подобрать запчасти" class="btn btn-small" type="button"><i class="icon-wrench"></i></button>
					</td>
				</tr>
				<tr>
					<td>
						 <img class="img-font"  alt="" src="/static/client/img/brands/mercedes.jpg" data-id="8022" width="60" height="60"></img>
					</td>
					<td>
						<b>Mercedes</b></br>Vito
					</td>
					<td>
						2007</br><b>1.9TDI</b>
					</td>
					<td>
						<b>WDBTT867301192832</b>
					</td>
					<td>
						Покупок:<b>101</b>
					</br>
						Сумма: <b>15682.85</b>
					</td>
					<td>
						<button title="Редактировать данные" class="btn btn-small" type="button"><i class="icon-pencil"></i></button>
						<button title="Запросить подбор запчастей" class="btn btn-small" type="button"><i class="icon-list-alt"></i></button>
						<button title="Подобрать запчасти" class="btn btn-small" type="button"><i class="icon-wrench"></i></button>
					</td>
				</tr>				
				  	
			</table> 
			<button class="btn btn-small btn-primary" type="button"><i class="icon-plus icon-white"></i>Добавить новый автомобиль</button>                 
    </div>
</div>
{% endblock %}